<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<title>custom user interfaces</title>
<link rel="stylesheet" type="text/css" href="../style.css">
</head>

<body>

<div align="center">
<table class=allEncompassingTable >
 <tr>
  <td >
<p><a href="../index.html" TARGET="_top"><img src="images/homeImg.png"></a></p>



<h1>Custom user interfaces</h1>


<p>CoppeliaSim offers custom user interfaces (custom UIs) via a plugin wrapping some functionality of the Qt framework. The plugin, courtesy of Federico Ferri, exports several <a href="simUI.htm?view=alphabetical">API functions related to user interfaces</a>. Its source code can be found <a href="https://github.com/CoppeliaRobotics/simExtUI" target="_blank">here</a>.</p>
<p>The custom UIs offer Qt-style widgets such as dialogs integrating buttons, edit-boxes, sliders, labels, images, plots, etc. Any action on custom UIs (e.g. button-click, text edition, slider movement) is reported as a script callback. A custom UI is described via an XML string that follows <a href="simUI-widgets.htm">a specific syntax</a>. Following displays a typical custom UI:<br>
</p>
<p align=center><img src="images/qtBasedCustomUIExample.jpg"></p>
<p class=imageLabel>[Custom UI example]</p>
<br>

<p>Specialized user interfaces are also available, via specific API functions:</p>
<li><a href="simUI.htm#fileDialog">file dialogs</a></li>
<li><a href="simUI.htm#colorDialog">color dialogs</a></li>
<li><a href="apiFunctions.htm#genericDialogs">simple dialogs</a></li>
<li><a href="apiFunctions.htm#auxiliaryConsoles">auxiliary consoles</a></li>
<li><a href="apiFunctions.htm#textEditors">text/code editors</a></li>


<br>
<br>

 </tr>
</table> 
</div>  
  
  
</body>

</html>
